<template>
	<view >
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">企业信息</view>
			</block>
		</cu-custom>

		<view class="c-all-content">
			<view class="text-center padding-bottom-56">
				<image :src="info.logo" class="img-176"></image>
				<view class="logo-name">{{info.company_name}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">统一社会信用代码</view>
				<view class="info-value">{{info.taxpayer_Identification_number}}</view>
			</view>
			
			<view class="info-content">
				<view class="info-title">注册地址</view>
				<view class="info-value">{{info.registered_address}}</view>
			</view>
			

			
			<view class="info-content">
				<view class="info-title">所属行业</view>
				<view class="info-value">{{trade[info.trade] || info.trade_notes}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">实际经营地址</view>
				<view class="info-value">{{info.business_address}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">《营业执照》副本复印件</view>
				<view class="padding-top-24">
					<image :src="info.zhizhao_url" class="info-img"></image>
				</view>
			</view>
			<view class="info-content">
				<view class="info-title">法人代表信息</view>
				<view class="info-value">{{info.leader}}</view>
			</view>
			
			<view class="info-content">
				<view class="info-title">法人代表联系地址</view>
				<view class="info-value">{{info.address}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">法人代表身份证明类型</view>
				<view class="info-value">身份证</view>
			</view>
			<view class="info-content">
				<view class="info-title">证件号码</view>
				<view class="info-value">{{info.leader_idcard}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">认证地区</view>
				<view class="info-value">{{info.region}}</view>
			</view>
			
			<view class="info-content">
				<view class="info-title">联系人/被授权人手机号</view>
				<view class="info-value">{{info.mobile}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">联系人/被授权人邮箱</view>
                <view class="info-value">{{info.email}}</view>
			</view>
			<view class="info-content">
				<view class="info-title">委托授权书</view>
				<view class="padding-top-lg">
					<image :src="info.shouquan_url" class="info-img"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                trade:[
                    '', '制造业', '建筑行业', '批发和零售业', '交通运输、仓储和邮政业', '住宿和餐饮业', '信息传输、软件和信息技术服务业',
                    '金融业', '租赁和商务服务业', '居民服务、修理和其他服务业', '教育', '文化、体育和娱乐业', '其他', '机关', '事业单位',
                    '社会团体（协会等）'
                ],
                info:{}
			}
		},
		onLoad(e) {
            this.getBaseList()
		},
		methods: {
            async getBaseList(){
                let res = await this.$api.basicdetail();
                this.info= res || {}
            },

        }
	}
</script>
<style>
	page{background-color: #fff;}
</style>
<style scoped lang="less">
	.c-all-content{
		padding:82rpx 32rpx;
		.logo-name{
			margin-top: 32rpx;
			font-size: 28rpx;
			font-weight: 400;
			color: #010101;
		}
		.info-content{
			padding: 40rpx 0;
			border-bottom: 2rpx solid #D9D9D9;
			.info-title{
				font-size: 28rpx;
				font-weight: 400;
				color: #767879;
			}
			.info-value{
				padding-top: 16rpx;
				font-size: 28rpx;
				font-weight: 400;
				color: #010101;
			}
			.info-img{
				width: 100%;
				height: 514rpx;
			}
		}
	}
</style>